<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>项目展</title>
	<style type="text/css">
	*{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	body{
		background: url(images/7.jpg);
	}
		#xm{
		width: 980px;
		margin: 50px auto;
		height: 614px;
		border: 1px solid white;
	}
	div.left{
		width:200px;
		height: 300px;
		margin-top: 100px;
		/*background: green;*/
		float: left;
	}
	ul.left{
		margin-top: 20px;
	}
	ul.left li{
		padding: 10px;
	}
	.image{
		border-radius: 50%;
	}
	div.right{
		width: 600px;
		padding: 20px;
		float: right;
	}
	ul.right li {
		width: 250px;
		height: 150px;
		border: 2px solid #FAFAFA;
		float: left;
		margin-right: 10px;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
		border-radius: 10px;
	}
	 ul.right li img{
		width: 250px;
		height: 150px;
		border-radius: 10px;
	}
	ul.right li a{
		border-radius: 10px;
		display: block;
		width: 250px;
		height: 160px;
		position: absolute;
		top: 160px;
		left: 0px;
		background: #E499AD;
		opacity: 0.8;
		text-decoration: none;
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		font-family: '微软雅黑';
		line-height: 160px;
		letter-spacing: 10px;
		filter: alpha(opacity=90);
	}
	</style>
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/hd_plugs_v140729.js"></script>
	<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
	<div id="xm">
		<div class="left">
			<img src="images/1.jpg" alt="" class="image">
			<ul class="left">
				<li>姓名：董丽娜</li>
				<li>班级：c40</li>
			</ul>
		</div>
		<div class="right">
			<ul class="right">
				<li>
					<img src="images/jd.jpg" alt="">
					<a href="jd/index.html"></a>
				</li>
				<li>
					<img src="images/fk.png" alt="">
					<a href="fanke1/fanke.html"></a>
				</li>
				<li>
					<img src="images/lyb.jpg" alt="">
					<a href="liuyanban/index.php">留言板</a>
				</li>
				<li>
					<img src="images/ol.jpg" alt="">
					<a href="online/index.php">在线文件</a>
				</li>
				<li>
					<img src="images/wish.jpg" alt="">
					<a href="wish/index.php">留言板</a>
				</li>
				<li>
					<img src="images/bk.png" alt="">
					<a href="jd/index.html"></a>
				</li>

			</ul>
		</div>
	</div>
</body>
</html>